import { View } from "@tarojs/components";
import useTaskdetail from "./hooks/useTaskdetail";
import "./index.scss";

const TaskDetail = () => {
  const { taskInfo } = useTaskdetail();

  return (
    <View className="task_detail">
      <View className="task_detail_header">
        {/* 任务状态、名称、类型、积分 */}
        <View></View>
        {/* 任务触发类型 */}
        <View className="task_detail_header_item">
          <View className="task_detail_header_item_name">触发类型</View>
          <View className="task_detail_header_item_value">周期</View>
        </View>
        {/* 完成时间 */}
        <View className="task_detail_header_item">
          <View className="task_detail_header_item_name">完成时间</View>
          <View className="task_detail_header_item_value">周期</View>
        </View>
        {/* 回收时间 */}
        <View className="task_detail_header_item">
          <View className="task_detail_header_item_name">回收时间</View>
          <View className="task_detail_header_item_value">周期</View>
        </View>
        {/* 描述 */}
        <View className="task_detail_header_item">
          <View className="task_detail_header_item_name">描述</View>
          <View className="task_detail_header_item_value">周期</View>
        </View>
      </View>
      <View></View>
    </View>
  );
};

export default TaskDetail;
